<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<title>{$typeReuslt.typename}</title>
<link href="/assets/tpl9/css/public.min.css" rel="stylesheet">
<script src="/assets/tpl9/js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="/assets/tpl9/js/tpl9.sub.js" type="text/javascript"></script>
</head>
<body>
<!--焦点图位置-->
<div class="foucsimg">
	<!--图片-->
	<div class="f_img"><a href="#"><img src="/assets/tpl9/images/slide1.jpeg"><span><b>这是标题文字</b></span></a></div>
	<!--视频-->
	<div class="f_video" style="display:none;"><video src="/assets/tpl9/images/test.mp4" width="100%" controls poster="" webkit-playsinline=""></video></div>
</div>
<!--板块结构-->
<div class="othinfo">
	<volist name="plate_resource_info" id="plate">
		<div class="m10">
			<div class="plate_title"><h3>历史上的今天</h3><a href="#">更多>></a></div>
			<div class="p_float">
				<ul>
					<li>
						<a href="#">
							<span class="p_img"><img src="/assets/tpl9/images/slide1.jpeg"></span>
							<span class="p_txt">
								<h3>2月13日历史事件</h3>
								<p>2月13日历史事件2月13日历史事件2月13事件2月13日历史事件</p>
							</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</volist>

	<div class="m10">
		<div class="plate_title"><h3>今日头条</h3><a href="#">更多>></a></div>
		<div class="p_list">
			<ul>
				<li>
					<a href="#">13日历史事件2月13日历史事件2月13日历史事件2月13日历史事件2</a>
					<label>新华网 2017/3/1</label>
				</li>
				<li>
					<a href="#">13日历史事件2月13日历史事件2月13日历史事件2月13日历史事件2</a>
					<label>新华网 2017/3/1</label>
				</li>
				<li>
					<a href="#">13日历史事件2月13日历史事件2月13日历史事件2月13日历史事件2</a>
					<label>新华网 2017/3/1</label>
				</li>
			</ul>
		</div>
	</div>

	<div class="m10">
		<div class="plate_title"><h3>微信精选</h3><a href="#">更多>></a></div>
		<div class="p_float p_jxuan">
			<ul>
				<li>
					<a href="#">
						<h3>史事件2件2月13日历史事件2件2月</h3>
						<span class="p_img"><img src="/assets/tpl9/images/slide1.jpeg"></span>
                        <span class="p_txt">
                            <p>2月13日历史事件2月13日历史事件2件2月13日历史事件2件2月13日历月13日历史事件2月13日历史事件</p>
                        </span>
					</a>
				</li>
				<li>
					<a href="#">
						<h3>史事件2件2月13日历史历月</h3>
						<span class="p_img"><img src="/assets/tpl9/images/slide1.jpeg"></span>
                        <span class="p_txt">
                            <p>2月13日历史事件2月13日历史事件2件2月13日历史事件2件2月13日历月13日历史事件2月13日历史事件</p>
                        </span>
					</a>
				</li>
				<li>
					<a href="#">
						<h3>史事件2件2月13日历史事件2件2月13日历月</h3>
						<span class="p_img"><img src="/assets/tpl9/images/slide1.jpeg"></span>
                        <span class="p_txt">
                            <p>2月13日历史事件2月13日历史事件2件2月13日历史事件2件2月13日历月13日历史事件2月13日历史事件</p>
                        </span>
					</a>
				</li>
			</ul>
		</div>
	</div>
</div>

<!--底部菜单-->
<div class="bottom_nav">
	<ul>
		<li class="hover"><a href="#">首页</a></li>
		<li class=""><a href="#">商城</a></li>
		<li class=""><a href="#">商城</a></li>
	</ul>
</div>
<style type="text/css">
	/*底部导航*/
	.bottom_nav{position:fixed; width:100%; height:36px; bottom:0px; left:0px; background-color:#fff; border-top:solid 1px #eee; font-size:16px;}
	.bottom_nav li{display:block; float:left; text-align:center; padding-top:8px; position:relative; margin-top:-1px;}
	.bottom_nav li.hover{border-top:solid 2px #c30110;}
	.bottom_nav li.hover a{color:#c30110;}
</style>
<script type="text/javascript">
	$(function(){
		$(".othinfo").css({"margin-bottom":"42px"});
		var lth = $(".bottom_nav li").length;
		var percent = 100 / lth;
		$(".bottom_nav").find("li").css({"width":percent+"%"});
	})
</script>

</body>
</html>